<template>
  <div class="aboutmefive">
      <div class="qitadahe" v-for="(v, i) in aitaq" :key="i">
          <div class="iconright">
              <span :class="['iconfont', v.iconq]"></span>
          </div>
          <div class="iconcenter">
              {{v.icontext}}
          </div>
          <div class="iconleft">
              {{v.iconfh}}
          </div>
      </div>
      <div class="footerss"></div>
  </div>
</template>

<script>
export default {
    data() {
        return {
            aitaq:[
                {
                    iconq:"iconfont icon-shezhi",
                    icontext:"设置",
                    iconfh:">",
                },
                {
                    iconq:"iconfont icon-yinsixieyi",
                    icontext:"隐私管理",
                    iconfh:">",
                },
                {
                    iconq:"iconfont icon-bangzhu_o",
                    icontext:"帮助与客服",
                    iconfh:">",
                },
                {
                    iconq:"iconfont icon-wentijianyi",
                    icontext:"问题与协议",
                    iconfh:">",
                },
                {
                    iconq:"iconfont icon-jianchagengxin",
                    icontext:"检查与更新",
                    iconfh:">",
                },
                {
                    iconq:"iconfont icon-guanyu",
                    icontext:"关于",
                    iconfh:">",
                },
            ]
        }
    },
}
</script>

<style scoped>
    .aboutmefive{
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 95%;
        height: 4rem;
        background: #fff;
        margin: auto;
        border-radius: .2rem;
        margin-top: .2rem;
    }
    .qitadahe{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 90%;
        height: .6rem;
        border-bottom: .01rem solid #cdcdcd;
    }
    .iconright{
        display: flex;
        justify-content: center;
        align-items: center;
        width: .5rem;
        height: .5rem;
        color: #737373;
    }
    .iconright .iconfont{
        font-size: .4rem;
    }
    .iconcenter{
        width: 2.2rem;
        height: .5rem;
        color: #101010;
        font-size: .3rem;
        line-height: .5rem;
        
    }
    .iconleft{
        width: .5rem;
        height: .5rem;
        font-size: .4rem;
        line-height: .5rem;
        text-align: center;
        color: #cfcfcf;
    }
    .footerss{
        width: 100%;
        height: 10rem;
        background: #f3f3f3;
        
    }
</style>